.frame{width:100%;}
.main{width:100%;margin:0 auto 12px;}
img{height:auto}
.inline-block{display: inline-block;}
.main-96{width:96%;margin:0 auto 12px;box-sizing:border-box;}
.ff-active{font-family:'PT Sans',Helvetica,Arial,sans-serif;}
.fz12{font-size:12px;}
.fz14{font-size:14px;}
.fz16{font-size:16px;}
.fz18{font-size:18px;}
.fz20{font-size:20px;}
.width-100{width:100%}
.width-95{width:95%}
.width-90{width:90%}
.width-80{width:80%}
.width-50{width:50%}
.width-49{width:49%}
.width-25{width:25%}
.width-20{width:20%}
.w1{width:1px}
.w30{width:30px}
.w60{width:60px}
.w100{width:100px}
.h50{height:50px}
.h100{height:100px}
.lh32{line-height:32px}
.lh50{line-height:50px}
.lh100{line-height:100px}
.vt-bottom{vertical-align:bottom}
.align-center{text-align:center}
.font-bold{font-weight:bold}
.color-yellow{color:gold}
.color-blue{color:dodgerblue}
.color-white{color:white}
.color-555{color:#555}
.color-red{color:#E74F3B}
.color-maroon{color:maroon}
.bg-white{background-color:white}
.bg-yellow{background-color:gold}
.bg-blue{background-color:dodgerblue}
.bg-orange{background-color:#FF8124}
.bg-wheat{background-color:wheat;}
.pd-p3{padding:2% 3%}
.pd-p5{padding:3% 5%}
.ptb-4{padding:4px 0}
.ptb-6{padding:6px 0}
.ptb-8{padding:8px 0}
.ptb-10{padding:10px 0}
.ptb-12{padding:12px 0}
.pt-5{padding-top:5px}
.pt-10{padding-top:10px}
.pt-20{padding-top:20px}
.mr60{margin-right:60px}
.mr100{margin-right:100px}

.left{float: left;}
.right{float: right}
.clear-both{clear: both;}

/* 适用于图文等纯图片排列展示 */
.img-content{margin-bottom:-4px}
.img-max{width:60px;max-height:60px;vertical-align:top;}
.border-radius{border-radius:50%}
.border-radius-2{border-radius:2px}
.border-radius-3{border-radius:3px}
.border-radius-4{border-radius:4px}
.border-radius-5{border-radius:5px}
.border-box{box-sizing:border-box}
.group-title{position:relative;display:flex;margin-bottom:15px;}
.group-hd{position:relative;margin-right:1.8em;width:60px;height:60px;line-height:25px;text-align:center;}
.group-bd{flex:1;width:100%}
.group-desc{border:1px solid #555;border-radius:3px;background:white;width:100%;box-sizing:border-box;padding:5px 8px;margin-bottom:15px}
.group-members{overflow:hidden;height:auto;}
.group-members:after{content:'';display:block;clear:both;}
.group-member{position:relative;float:left;width:25%;text-align:center;box-sizing:border-box;padding:4px 8px;}
.group-member img{max-width:60px;max-height:60px;border-radius:50%;}
.label{position:absolute;top:0;right:-8px;line-height:14px;padding:2px;font-size:12px;border:1px solid #fff}
.label-red{background-color:#EF5350;color:white}
.label-blue{background-color:#399EE4;color:white;right:-2px}
.main-title{line-height:50px;color:#5E1E12;border:1px dashed;box-sizing:border-box;text-align:center;background-color:#FF8124;font-size:18px;font-weight:bold;}
.detail-title{margin-top:20px;text-align:center;}
.detail-text{display:inline-block;background:#FF8124;padding:4px 8px;color:#5E1E12;font-size:16px;}
.detail{margin-top:-16px;padding:18px;}
.main-btn{background:#FF8124;color:white;font-size:16px;padding:5px 0;}
.local-group{position:relative;display:flex;}
.local-group-hd{width:50px;margin-right:20px}
.line-dashed{border-bottom:1px dashed #5E1E12;}
table.theme-maroon{color:maroon;text-align:center;width:100%;line-height:32px;}
table.theme-maroon th{width:50%;background:#FF8124;}
table.theme-maroon th.w1{font-weight:normal;width:1px;}
table.theme-maroon th,table.theme-maroon td{border-bottom:1px solid maroon;}
table.theme-maroon td{background:#FFF4BD}
.music{position:fixed;top:40px;left:10px;width:40px;height:40px;border-radius:50%;}
.music.rotate{animation:rotate 1.2s linear infinite;}
@keyframes rotate{
    from{transform:rotate(0);}
    to{transform:rotate(360deg);}
}
.fix-btn{position:fixed;top:40px;right:10px;}
.fix-btn li{width:38px;height:38px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(0,0,0,.8);color:rgba(255,255,255,.7);text-align:center;box-sizing:border-box;padding:4px;margin-bottom:10px;}
.fix-btn li span{display:inline-block;font-size:12px;width:24px;line-height:14px;vertical-align:middle;transform:scale(.8)}
.show-group-member{position:fixed;top:120px;left:-50%;display:inline-block;height:30px;background:rgba(0,0,0,.6);border-radius:15px;line-height:30px;padding-right:10px;font-size:12px;transition:.6s linear}
.show-group-member.show{left:5px;}
.show-group-member img{float:left;width:30px;height:30px;border-radius:50%;margin-right:5px;}
.pr{position:relative;}
.to-order{position: fixed;left: 0;bottom:0;width: 100%;height: 40px;line-height: 40px}
.full{display: inline-block;width: 100%;height: 100%}
.isol span:not(:first-child){border-left: 1px solid #ccc;}
.outer{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 999;}
.outer.show{display: block;}
.outer .media{overflow:hidden;width: 80%;height:75%;margin:10% auto 0;background: white;border-radius:5px;box-sizing: border-box;}
.outer .media .media-header{padding: 10px 15px;line-height: 20px;height: 20px;border-bottom: 1px solid #ccc;text-align: center;color: dodgerblue;}
.outer .media .media-main{width:100%;padding: 10px 15px;height: calc(100% - 20px - 60px - 2px);box-sizing: border-box;overflow: auto;}
.outer .media .media-footer{padding: 10px 15px;height:20px;;line-height:20px;background:dodgerblue;text-align: center;border-top: 1px solid #ccc;color: white;}
.outer .media .media-list{padding: 10px 0}
.outer .media .media-list:not(:first-child){border-top: 1px dashed #ccc}